<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>基础过滤器</title>
</head>
<body>
	<ul>
		<li>导航1 </li>
		<li>导航2 </li>
		<li>导航3 </li>
		<li>导航4 </li>
		<li>导航5 </li>
		<li>导航6 </li>

	</ul>
</body>
<script type="text/javascript" src="./jquery-3.1.1.js"></script>
<script type="text/javascript">
	//li下的第一个
	$('li:first').css('background','orange');
	//li下的最后一个
	$('li:last').css('background','fuchsia');
	//li下的奇数
	$('li:odd').css('background','aqua');
	//li下的偶数
	$('li:even').css('background','lime');
	//具体第几个从零开始
	$('li:eq(3)').css('background','green');
</script>
</html>